<template>
  <div>
    <basic-container>
      <third-register></third-register>
      <p style="text-align: center;">
      </p>
    </basic-container>
    <el-col :span="16">
      <basic-container>
        <el-collapse v-model="activeNames" @change="handleChange">
          <el-collapse-item title="高盛伟业" name="1">
            <div>武汉高盛伟业科技股份有限公司是一家致力于自动咖啡饮料机、投币式饮料机、微信咖啡机等</div>
            <div>自动化终端售卖设备及相关配套产品的研发、生产的专业企业。</div>
          </el-collapse-item>
          <el-collapse-item title="企业文化" name="2">
            <div>公司成立以来秉承“严谨创新，服务客户，迅速改善，永续经营”的经营理念，坚持和大力推广优质的产品和服务，</div>
            <div>并根据客户需求，定制个性化产品。</div>
          </el-collapse-item>
          <el-collapse-item title="高盛伟业咖啡机" name="3">
            <div>武汉高盛伟业机械制造有限公司是一家集自动咖啡饮料机、投币式咖啡机、投币式饮料机等冷热饮料机及相关</div>
            <div>配套产品的研发，生产，销售为一体的企业，公司成立以来秉承“创新经营、服务客户、迅速改善、永续经营“的经营理念，</div>
            <div>坚持和大力推广的产品和服务，和客户一起开拓推广市场，并把市场交给客户，得到了越来越多的合作伙伴和消费者认可。</div>
            <div>工厂实行现代化企业管理，对产品的生产做全程监测，确保产品质量，产品通过多种认证。公司现有投币咖啡机四大系列，</div>
            <div>十几个型号，“意浓”饮料品牌有二十几个品种口味，满足不同消费者需求</div>
          </el-collapse-item>
        </el-collapse>
      </basic-container>
    </el-col>
    <el-col :span="8">
      <el-row>
        <basic-container>
          <div class="el-font-size">
            <span>产品名称</span>
            <el-divider direction="vertical"/>
            <span><el-tag>SpringBlade企业级微服务开发平台</el-tag></span>
            <el-divider content-position="right"><i class="el-icon-star-off"/></el-divider>
            <span>账号密码</span>
            <el-divider direction="vertical"/>
            <el-tag effect="plain">管理员(admin)</el-tag>
            <el-divider content-position="right"><i class="el-icon-star-off"/></el-divider>
            <span>官网地址</span>
            <el-divider direction="vertical"/>
            <span><el-link href="https://bladex.cn" target="_blank"
                           type="primary">https://bladex.cn</el-link></span>
            <el-divider content-position="right"><i class="el-icon-star-off"/></el-divider>
            <span>社区地址</span>
            <el-divider direction="vertical"/>
            <span><el-link href="https://sns.bladex.cn" target="_blank"
                           type="primary">https://sns.bladex.cn</el-link></span>
            <el-divider content-position="right"><i class="el-icon-star-off"/></el-divider>
            <span>获取文档</span>
            <el-divider direction="vertical"/>
            <span class="tag-group">
                <el-tag type="success" style="cursor: pointer"
                        onclick="window.open('https://sns.bladex.cn/note/view/1.html')">免费版</el-tag>
                <el-divider direction="vertical"/>
                <el-tag type="danger" style="cursor: pointer"
                        onclick="window.open('https://www.kancloud.cn/@smallchill')">收费版</el-tag>
              </span>
            <el-divider content-position="right"><i class="el-icon-star-off"/></el-divider>
            <span>获取源码</span>
            <el-divider direction="vertical"/>
            <span class="tag-group">
                <el-tag type="success" effect="dark" style="cursor: pointer"
                        onclick="window.open('https://gitee.com/smallc/SpringBlade')">开源版</el-tag>
                <el-divider direction="vertical"/>
                <el-tag type="danger" effect="dark" style="cursor: pointer"
                        onclick="window.open('https://bladex.cn/#/vip')">商业版</el-tag>
              </span>
          </div>
        </basic-container>
      </el-row>
    </el-col>
  </div>
</template>

<script>
  import {mapGetters} from "vuex";

  export default {
    name: "wel",
    data() {
      return {
        activeNames: ['1', '2', '3', '5'],
        logActiveNames: ['40']
      };
    },
    computed: {
      ...mapGetters(["userInfo"]),
    },
    created() {
    },
    methods: {
      handleChange(val) {
        console.log(val);
      }
    }
  };
</script>

<style>
  .el-divider--horizontal {
    margin: 12px 0 !important;
  }

  .el-font-size {
    font-size: 14px;
  }
</style>

